<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>大转盘</title>
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" href="css/kinerLottery.css">
</head>

<body>
    <!-- 缩略图设置 -->
    <img class="slt" src="./imgs/lotteryContent.png" alt="" srcset="">

    <div id="box" class="box">
        <div class="outer KinerLottery KinerLotteryContent"><img src="./imgs/lotteryContent.png"></div>
        <!-- 大专盘分为三种状态：活动未开始（no-start）、活动进行中(start)、活动结束(completed),可通过切换class进行切换状态，js会根据这3个class进行匹配状态 -->
        <div class="inner KinerLotteryBtn start"></div>
    </div>

    <div class="mask">
        <img class="mask-mony" src="./imgs/no1.png" alt="">
    </div>
    <div class="fead-in">
        <div class="fead-in-click"></div>
    </div>
</body>
<script src="http://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="js/lib/zepto.min.js"></script>
<script src="./js/lib/touch.js"></script>
<script src="./js/lib/ajax.js"></script>
<script src="./js/lib/fx.js"></script>
<script src="./js/lib/fx_methods.js"></script>
<script src="js/kinerLottery.js"></script>
<script src="./js/index.js"></script>

</html>